﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="info.aspx.cs" Inherits="info" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>樂點公車即時資訊服務</title>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-34126365-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
    <style type="text/css">
        html
        {
            height: 100%;
            width: 100%;
            max-width: 320px;
            min-width: 320px;
        }
        body
        {
            height: 100%;
            width: 100%;
            margin: 0px;
            padding: 0px;
            max-width: 320px;
            min-width: 320px;
        }
        #list_canvas
        {
            height: 100%;
            max-width: 320px;
            min-width: 320px;
        }
    </style>
    <script type="text/ecmascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/ecmascript" src="js/jquery.mobile-1.1.0.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <link type="text/css" rel="stylesheet" href="css/bus.css" />

</head>
<body>
    <div data-role="page" id="infopage">
        <div data-id="header" id="heaer" data-role="header" data-position="fixed">
            <div class="bg">
                <div class="head_bar" id="infopage_head_bar">
                    <ul>
                    </ul>
                </div>
            </div>
        </div>
        <div id="stop_alert_list">
        </div>
        <div id="content" data-role="content">
            <div class="news">
                <div class="left">
                    <img src="icon/title1.png" border="0" /></div>
                <div class="date">
                    <asp:Label ID="AnnoceTime" runat="server" Text=""></asp:Label></div>
            </div>
            <h2 class="news">
                <%=detail.title%>
            </h2>
            <div class="news-entry">
                <%=detail.content%>
            </div>
        </div>
        <div data-id="footer" data-role="footer" data-position="fixed" style="position: fixed;">
            <div id="dock-bottom" class="dock">
            </div>
            <div id="menu" data-role="navbar">
                <ul class="menu-items">
                    <li class="menu-item first"><a href="#">
                        <img src="icon/nav1.png" /><br />
                        <span style="color: #000; font-weight: bold;">公告訊息</span></a> </li>
                    <li class="menu-item"><a href="joychat.aspx?rtid=<%=Request.Cookies["JoySpots"].Values["rtid"] %>&busid=<%=Request.Cookies["JoySpots"].Values["busid"] %>">
                        <img src="icon/nav2.png" /><br />
                        <span style="color: #000; font-weight: bold;">公車踹共</span></a> </li>
                    <li class="menu-item"><a href="#chatpage">
                        <img src="icon/nav3.png" /><br />
                        <span style="color: #000; font-weight: bold;">動態資訊</span></a> </li>
                    <li class="menu-item last"><a href="javascript:void(0);">
                        <img src="icon/nav4.png" /><br />
                        <span style="color: #000; font-weight: bold;">到站時間</span></a>
                        <select name="setstop" id="setstop" onchange="SetEndStop(this)" data-role="none">
                            <option value="">不設定</option>
                        </select>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>
<%--<script src="js/app.js" type="text/javascript">
</script>--%>
